<template>
  <div class="slide">
    <el-carousel height="247px">
      <el-carousel-item
        v-for="item in list"
        :key="item.img">
        <img :src="item.img">
      </el-carousel-item>
    </el-carousel>
  </div>
</template>
<script>
export default {
  data: () => {
    return {
      list: [{
        url: '#abc',
        img: 'https://www.petpochitto.com/uploads/ad_slide/olivegum_sld01.jpg'
      }, {
        url: '#bsbsb',
        img: 'https://www.petpochitto.com/uploads/ad_slide/homey2021bed01.jpg'
      }, {
        url: '#sjfkajfj',
        img: 'https://www.petpochitto.com/uploads/ad_slide/bnr_sld_yaku01.jpg'
      }]
    }
  }
}
</script>

<style scoped lang="scss">
.slide {
  height: 240px;
  margin: -5px 5px 10px 10px;

  img {
    height: 303px;
  }
}
</style>
